iT邦幫忙

6

JavaScript 教學 88:設計模式(實字與建構式)

  • 分享至 

  • xImage
  •  

灑花灑花
<span style="color: blue;"><span style="font-size: 16px;"> 實字模式(literal notation patterns):天下無敵之JS物件定義方式。 </span></span>
灑花灑花
本節講述如何使用 (i)實字 (ii)建構式 2種方式產生物件,其中使用實字所生成的物件在任何時間都是可變的(mutable),也是較好的選擇。

實字物件語法如下:

(1)將物件用{}包起來
(2)用逗號分隔物件內的屬性與函式
(3)用分號分隔物件內的屬性與屬性值

至於拖泥帶水的建構式則需用到帶屎的new關鍵字,但不用擔心,咱在影片中會說明new背後是如何運作的。

建議使用全螢幕高畫質觀看,之後再上JSFiddle褻玩一番。

Yes

var obj1 = {name : "總裁實字",
            height : 170,
            say: function(){
                return "I am " + obj1.name;
            }
           },
    result = obj1.say();

document.getElementById("demo").innerHTML = result;

function Person(name){
    //var this = {};
    this.name = name;
    this.say = function(){
        return "I am " + this.name;
    };
    //return this;
};

var adam = new Person("海綿寶寶");
console.log(adam.say());

JSFiddle原專案

程式碼下載處

JS教學系列總整理


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
temo
iT邦新手 1 級 ‧ 2013-04-13 20:07:30

泰大又分享新影片了謝謝

泰大不參加活動拿馬克杯嗎疑惑

看更多先前的回應...收起先前的回應...
ted99tw iT邦高手 1 級 ‧ 2013-04-13 23:07:54 檢舉

姑且不說馬克杯,IT邦之前送的T恤都多到能當制服穿了...臉紅

總裁 iT邦好手 1 級 ‧ 2013-04-15 08:21:08 檢舉

ted99tw提到:
制服

噴鼻血

ted99tw iT邦高手 1 級 ‧ 2013-04-15 08:47:19 檢舉

噴鼻血 對,..就.是...制..服...倒

是秘書的制服嗎噴鼻血

我要留言

立即登入留言